<!DOCTYPE html>
<html>
<head>
	<title>点播1级</title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/public.css">
	<style type="text/css" media="screen">
		
        /*左侧*/
        #p6y2x1y0x1x0 {
        	width: 50%;
        	height: 100%;
        	float: left;
        }
        /*左侧  上*/
        #p6y2x1y0x1x0y0 {
        	width: 100%;
        	height: 66.66%;
        	float: left;
        }
        /*左侧  下*/
        #p6y2x1y0x1x0y1 {
        	width: 100%;
        	height: 33.33%;
        	float: left;
        }
        #p6y2x1y0x1x0y1 ul {
        	width: 100%;
        	height: 100%;
        	overflow: hidden;
        }
        #p6y2x1y0x1x0y1 li {
        	width: 50%;
        	height: 100%;
        	float: left;
        }
        /*右侧*/
        #p6y2x1y0x1x1 {
        	width: 50%;
        	height: 100%;
        	float: left;
        }
        #p6y2x1y0x1x1 ul {
        	width: 100%;
        	height: 100%;
        	overflow: hidden;
        }
        #p6y2x1y0x1x1 li {
        	width: 50%;
        	height: 33.33%;
        	float: left;
        }
	</style>
</head>
<body>
<div id="p6" class="box">	
	<div class="bx-header" id="p6y0">
		<div class="bx-header-left" id="p6y0x0">
			<img src="../images/home/logo.png" alt="">
			</div>
		<div class="header_middle" id="p6y0x1">

			<span>回看</span>

		</div>
		<div class="bx-header-right" id="p6y0x2">
			<div class="header-right-left" id="p6y0x2x0" tabindex="-1">
			
			</div>
			<div  class="header-right-right" id="p6y0x2x1">
				<div class="bx-time" id="bx_time">
					
				</div>
			</div>
		</div>
	</div>
	<div class="bx-nav2" id="p6y1">
		<ul id="p6y1ul">
			<li tabindex="-1" class="heightLine">篮球</li>
			<li tabindex="-1">足球</li>
			<li tabindex="-1">乒羽</li>
			<li tabindex="-1">高尔夫</li>
			<li tabindex="-1">汽摩</li>
			<li tabindex="-1">电子竞技</li>
			<li tabindex="-1">垂钓</li>
		</ul>
	</div>
	<div class="bx-content2" id="p6y2">

		<div class="bx-ver-nav" id="p6y2x0">
			<ul id="p6y2x0ul">
				<li tabindex="-1" class="heightLine">NBA</li>
				<li tabindex="-1">NCAA</li>
				<li tabindex="-1">CBA</li>
				<li tabindex="-1">城市传奇</li>
			</ul>
		</div>

		<div class="bx-list-box" id="p6y2x1">

			<div class="list-box-widget" id="p6y2x1y0">

				<div class="left_arrow" id="p6y2x1y0x0">
					<img src="../images/home/zuojiantou_1.png" alt="">
				</div>

				<div class="list-box-content" id="p6y2x1y0x1">

					<div id="p6y2x1y0x1x0">
						<div class="ver_box_style" id="p6y2x1y0x1x0y0" tabindex="-1">
							<img src="../images/onDemand2/tu_2.png" alt="">
							<p class="style1-con-des">猛龙vs快船 直播中</p>
						</div>
						<div id="p6y2x1y0x1x0y1">
							<ul id="p6y2x1y0x1x0y1ul">
								<li class="ver_box_style" tabindex="-1">
									<img src="../images/onDemand2/tu_2.png">
									<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
								</li>
								<li class="ver_box_style" tabindex="-1">
									<img src="../images/onDemand2/tu_3.png">
									<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
								</li>
							</ul>
						</div>
						
					</div>
					<div id="p6y2x1y0x1x1">
						<ul id="p6y2x1y0x1x1ul">
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_4.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_5.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_6.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_7.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_8.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_9.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
						</ul>
					</div>	
				</div>
				<div class="right_arrow" id="p6y2x1y0x2">
					<img src="../images/home/xiangyou.png" alt="">
				</div>
			</div>

			<div class="list-box-back" id="p6y2x1y1">
				<img src="../images/home/return.png" alt="">
			</div>
		</div>
	</div>
	<div class="home_footer" id="p6y3">
		<img src="" alt="">
	</div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/public.js"></script>
<script src="../js/humps.js"></script>
<script>
	p6Init();
	function p6Init(){
		$("#p6y2x1y0x1x0y0").focus();
		//根据传过来的参数 初始化页面
	}
	
	//Y0 焦点移动 
	function p6y0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						console.log("不进行任何操作")
						break;
					case "down":
						setFocus("p6y1ul");
						break;
					case "left":
						console.log("y0left不进行任何操作")
						break;
					case "right":
						console.log("y0right不进行任何操作")
						break;
				}
				break;
			case "Back":
				break;
			case "Click":
				break;
		}
	}
	
	function p6y0x2x0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						console.log("不进行任何操作")
						break;
					case "down":
						setFocus("p6y1ul");
						break;
					case "left":
						console.log("y0left不进行任何操作")
						break;
					case "right":
						console.log("y0right不进行任何操作")
						break;
				}
				break;
			case "Back":
				window.location.href = hdLocation+"lookBack.html";
				break;
			case "Click":
				window.location.href = hdLocation+"collect.html?prePage=lookBack1";
				break;
		}
	}
	

	//Y1 焦点移动 
	function p6y1(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						setFocus("p6y0x2x0");
						break;
					case "down":
						setFocus("p6y2x0ul");
						break;
					case "left":
						break;
					case "right":
						break;
				}
				break;
			case "Back":
				break;
			case "Click":
				break;
		}
	}
	function p6y1ul(event,dom,dir){
		switch(event){
			case "MoveFocus":
				if(ulIsBorder(dom,dir,7,7)){
					onSelect(event,dom.parent().parent(),dir);
				}
				break;
			case "Back":
				window.location.href = hdLocation+"lookBack.html";
				break;
			case "Click":
				
				dom.addClass("heightLine").siblings().removeClass('heightLine');

				break;
		}


	}
	//Y2 焦点移动 
	function p6y2(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						setFocus("p6y1ul");
						break;
					case "down":
						console.log("y2不进行任何操作")
						break;
					case "left":
						console.log("y2不进行任何操作")
						break;
					case "right":
						console.log("y2不进行任何操作")
						break;
				}
				break;
			case "Back":
				setFocus("p6y1ul");
				break;
			case "Click":
				break;
		}

	}
	function p6y2x0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						setFocus("p6y2x1y0x1x0y0");
						break;
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				break;
		}
	}
	function p6y2x1(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						setFocus("p6y2x0ul");
						break;
					case "right":
						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				setFocus("p6y2x0ul");
				break;
			case "Click":
				break;
		}
	}
	function p6y2x0ul(event,dom,dir){
		switch(event){
			case "MoveFocus":
				if(ulIsBorder(dom,dir,1,4)){
					onSelect(event,dom.parent().parent(),dir);
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				dom.addClass("heightLine").siblings().removeClass('heightLine');
				break;
		}
	}
	function p6y2x1y0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":

						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						/*
			<div class="list-box-widget" id="p6y2x1y0">

				<div class="left_arrow" id="p6y2x1y0x0">
					<img src="../images/home/xiangzuo.png" alt="">
				</div>

				<div class="list-box-content" id="p6y2x1y0x1">

					<div id="p6y2x1y0x1x0">
						<div class="ver_box_style" id="p6y2x1y0x1x0y0" tabindex="-1">
							<img src="../images/onDemand2/tu_1.png" alt="">
							<p class="style1-con-des">猛龙vs快船 直播中</p>
						</div>
						<div id="p6y2x1y0x1x0y1">
							<ul id="p6y2x1y0x1x0y1ul">
								<li class="ver_box_style" tabindex="-1">
									<img src="../images/onDemand2/tu_2.png">
									<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
								</li>
								<li class="ver_box_style" tabindex="-1">
									<img src="../images/onDemand2/tu_3.png">
									<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
								</li>
							</ul>
						</div>
						
					</div>
					<div id="p6y2x1y0x1x1">
						<ul id="p6y2x1y0x1x1ul">
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_4.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_5.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_6.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_7.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_8.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
							<li class="ver_box_style" tabindex="-1">
								<img src="../images/onDemand2/tu_9.png">
								<p class="style1-con-des">森林狼vs马刺 <span>03月20号</span> </p>
							</li>
						</ul>
					</div>	
				</div>
				<div class="right_arrow" id="p6y2x1y0x2">
					<img src="../images/home/xiangyou.png" alt="">
				</div>
			</div>
	*/

						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				break;
		}
	}

	function p6y2x1y0x1(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				break;
		}
	}
	
	
	function p6y2x1y0x1x0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						setFocus("p6y2x1y0x1x1ul");
						break;
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				break;
		}
	}
	
	function p6y2x1y0x1x1(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						setFocus("p6y2x1y0x1x0y0");
						break;
					case "right":
						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				break;
		}
	}

	function p6y2x1y0x1x0y0(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						onSelect(event,dom.parent(),dir);
						break;
					case "down":
						setFocus("p6y2x1y0x1x0y1ul");
						break;
					case "left":
						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						onSelect(event,dom.parent(),dir);
						break;
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				window.location.href = hdLocation+"play.html";
				break;
		}
	}
	function p6y2x1y0x1x0y1(event,dom,dir){
		switch(event){
			case "MoveFocus":
				switch(dir){
					case "up":
						setFocus("p6y2x1y0x1x0y0");
						break;
					case "down":
						onSelect(event,dom.parent(),dir);
						break;
					case "left":
						onSelect(event,dom.parent(),dir);
						break;
					case "right":
						setFocus("p6y2x1y0x1x1ul",4);
						break;
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				break;
		}
	}
	
	function p6y2x1y0x1x0y1ul(event,dom,dir){
		switch(event){
			case "MoveFocus":
				if(ulIsBorder(dom,dir,2,2)){

					onSelect(event,dom.parent().parent(),dir);

				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				window.location.href = hdLocation+"onDemandDetail.html";
				break;
		}

	}
	
	function p6y2x1y0x1x1ul(event,dom,dir){
		switch(event){
			case "MoveFocus":
				if(ulIsBorder(dom,dir,2,6)){
					switch(dir){
						case "up":
							onSelect(event,dom.parent().parent(),dir);
						case "down":
							onSelect(event,dom.parent().parent(),dir);
							break;
						case "left":
							
							var index = dom.index();

							if(index == 4){
								setFocus("p6y2x1y0x1x0y1ul",1);
							}else{
								onSelect(event,dom.parent().parent(),dir);
							}

							break;
						case "right":
							onSelect(event,dom.parent().parent(),dir);
							break;
					}
				}
				break;
			case "Back":
				onSelect(event,dom.parent());
				break;
			case "Click":
				window.location.href = hdLocation+"onDemandDetail.html";
				break;
		}
	}

</script>
</body>
</html>